type SingleThemeConfig = {
	hsl: string;
	contrastHsl: string;
};

export const colors = {
	orange: {
		light: {
			hsl: '35deg, 100%, 50%',
			contrastHsl: '240, 3%, 11%',
		},
		dark: {
			hsl: '36deg, 100%, 52%',
			contrastHsl: '240, 3%, 11%',
		},
	},

	green: {
		light: {
			hsl: '135deg, 59%, 49%',
			contrastHsl: '135deg, 60%, 4%',
		},
		dark: {
			hsl: '135deg, 64%, 50%',
			contrastHsl: '135deg, 60%, 4%',
		},
	},

	cyan: {
		light: {
			hsl: '199deg, 78%, 55%',
			contrastHsl: '199deg, 78%, 100%',
		},
		dark: {
			hsl: '197deg, 100%, 70%',
			contrastHsl: '197deg, 100%, 5%',
		},
	},

	blue: {
		light: {
			hsl: '211, 100%, 50%',
			contrastHsl: '240, 24%, 100%',
		},
		dark: {
			hsl: '210, 100%, 52%',
			contrastHsl: '210, 92%, 5%',
		},
	},

	indigo: {
		light: {
			hsl: '241deg, 61%, 59%',
			contrastHsl: '241deg, 61%, 98%',
		},
		dark: {
			hsl: '241deg, 73%, 63%',
			contrastHsl: '241deg, 73%, 5%',
		},
	},

	purple: {
		light: {
			hsl: '280deg, 68%, 60%',
			contrastHsl: '280deg, 68%, 98%',
		},
		dark: {
			hsl: '280deg, 85%, 65%',
			contrastHsl: '280deg, 85%, 5%',
		},
	},

	pink: {
		light: {
			hsl: '349deg, 100%, 59%',
			contrastHsl: '349deg, 100%, 95%',
		},
		dark: {
			hsl: '348deg, 100%, 61%',
			contrastHsl: '348deg, 100%, 5%',
		},
	},
} satisfies Record<string, { light: SingleThemeConfig; dark: SingleThemeConfig }>;
